<template>
    <div class="container">
       <input type="text" class="search-input" />
       <span class="iconfont search-icon">&#xe69f;</span>
    </div>
</template>

<script>

export default {

}
</script>

<style lang="scss" scoped>
  .container{
      position: relative;
        margin-left: 0.3rem;
        margin-top: 0.1rem;
     .search-input{
          box-sizing: border-box;
          width: 6.9rem;
          height: .88rem;
        //   margin-left: ;
          background-color: #f5f5f5;
          border-radius: 10px;
          padding-left: .6rem;

     }
     .search-icon{
         position: absolute;
         top: .2rem;
         left: 0;
         font-size: .5rem;
     }
  }
</style>
